<template>
  <div>
    <h2>验证用户名</h2>
    <input type="text" v-model.lazy="uname" />
    <span>{{ msg }}</span>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data () {
    return {
      uname: '',
      msg: ''
    }
  },
  watch: {
    async uname (val) {
      // console.log(val)
      if (val === '') {
        this.msg = ''
        return
      }
      const { data: res } = await axios.get('http://www.itcbc.com:3006/api/finduser/' + val)
      // console.log(res)
      this.msg = res.message
    }
  }
}
</script>


<style>

</style>